<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Docutils 0.6: http://docutils.sourceforge.net/" />
<title></title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<div class="document">


<img alt="images/driebit_logo.gif" src="images/driebit_logo.gif" />
<div class="section" id="lypo-javascript">
<h1><a class="toc-backref" href="#id1">LYPO / Javascript</a></h1>
<p>do 11 jun 2009 14:45:00 CEST- 14:45</p>
<div class="contents topic" id="inhoud">
<p class="topic-title first">Inhoud</p>
<ul class="simple">
<li><a class="reference internal" href="#lypo-javascript" id="id1">LYPO / Javascript</a><ul>
<li><a class="reference internal" href="#inleiding" id="id2">Inleiding</a></li>
<li><a class="reference internal" href="#structuur" id="id3">Structuur</a><ul>
<li><a class="reference internal" href="#algemeen" id="id4">Algemeen</a></li>
<li><a class="reference internal" href="#functie-referentie" id="id5">Functie referentie</a><ul>
<li><a class="reference internal" href="#videofromrecorder" id="id6">videoFromRecorder()</a></li>
<li><a class="reference internal" href="#lypo-baseurl" id="id7">lypo.baseUrl()</a></li>
<li><a class="reference internal" href="#lypo-url" id="id8">lypo.url()</a></li>
<li><a class="reference internal" href="#lypo-parseurl" id="id9">lypo.parseUrl()</a></li>
<li><a class="reference internal" href="#lypo-addclass" id="id10">lypo.addClass()</a></li>
<li><a class="reference internal" href="#lypo-removeclass" id="id11">lypo.removeClass()</a></li>
<li><a class="reference internal" href="#lypo-hasclass" id="id12">lypo.hasClass()</a></li>
<li><a class="reference internal" href="#lypo-keywords-stringify" id="id13">lypo.keywords.stringify()</a></li>
<li><a class="reference internal" href="#lypo-keywords-objectify" id="id14">lypo.keywords.objectify()</a></li>
<li><a class="reference internal" href="#lypo-fixproxyurls" id="id15">lypo.fixProxyURLs()</a></li>
<li><a class="reference internal" href="#lypo-page" id="id16">lypo.page()</a></li>
<li><a class="reference internal" href="#page-addshowcallback" id="id17">page::addShowCallback()</a></li>
<li><a class="reference internal" href="#page-show" id="id18">page::show()</a></li>
<li><a class="reference internal" href="#page-hide" id="id19">page::hide()</a></li>
<li><a class="reference internal" href="#page-store" id="id20">page::store()</a></li>
<li><a class="reference internal" href="#page-retrieve" id="id21">page::retrieve()</a></li>
<li><a class="reference internal" href="#lypo-section" id="id22">lypo.section()</a></li>
<li><a class="reference internal" href="#section-dispatchclick" id="id23">section::_dispatchClick()</a></li>
<li><a class="reference internal" href="#section-addclickcallback" id="id24">section::addClickCallback()</a></li>
<li><a class="reference internal" href="#section-update" id="id25">section::update()</a></li>
<li><a class="reference internal" href="#section-store" id="id26">section::store()</a></li>
<li><a class="reference internal" href="#section-retrieve" id="id27">section::retrieve()</a></li>
<li><a class="reference internal" href="#lypo-gadget" id="id28">lypo.gadget</a></li>
<li><a class="reference internal" href="#lypo-gadget-getopensocialdata" id="id29">lypo.gadget._getOpenSocialData()</a></li>
<li><a class="reference internal" href="#lypo-gadget-getlypodata" id="id30">lypo.gadget._getLypoData()</a></li>
<li><a class="reference internal" href="#lypo-gadget-storelypodata" id="id31">lypo.gadget._storeLypoData()</a></li>
<li><a class="reference internal" href="#lypo-gadget-setdebateoptionsbehaviours" id="id32">lypo.gadget._setDebateOptionsBehaviours()</a></li>
<li><a class="reference internal" href="#lypo-gadget-setactivemenuitem" id="id33">lypo.gadget._setActiveMenuItem()</a></li>
<li><a class="reference internal" href="#lypo-gadget-track" id="id34">lypo.gadget._track()</a></li>
<li><a class="reference internal" href="#lypo-gadget-build" id="id35">lypo.gadget._build*()</a></li>
<li><a class="reference internal" href="#lypo-gadget-builddashboard" id="id36">lypo.gadget._buildDashboard()</a></li>
<li><a class="reference internal" href="#lypo-gadget-globalcallbacks" id="id37">lypo.gadget._globalCallbacks()</a></li>
<li><a class="reference internal" href="#lypo-gadget-init" id="id38">lypo.gadget.init()</a></li>
<li><a class="reference internal" href="#lypo-gadget-gotopage" id="id39">lypo.gadget.goToPage()</a></li>
<li><a class="reference internal" href="#lypo-gadget-gotodebate" id="id40">lypo.gadget.goToDebate()</a></li>
<li><a class="reference internal" href="#lypo-gadget-gotoprofile" id="id41">lypo.gadget.goToProfile()</a></li>
<li><a class="reference internal" href="#lypo-gadget-voteonstatement" id="id42">lypo.gadget.voteOnStatement()</a></li>
<li><a class="reference internal" href="#lypo-gadget-showloading" id="id43">lypo.gadget.showLoading()</a></li>
<li><a class="reference internal" href="#lypo-gadget-hideloading" id="id44">lypo.gadget.hideLoading()</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="section" id="inleiding">
<h2><a class="toc-backref" href="#id2">Inleiding</a></h2>
<p>Dit document geeft uitleg over de structuur en werking van de Javascript code. De LYPO gadget is een Javascript applicatie
met een XHTML interface welke is opgemaakt met CSS. Alle applicatie code is te vinden in de 'gadget' applicatie van dit
Symfony project.</p>
</div>
<div class="section" id="structuur">
<h2><a class="toc-backref" href="#id3">Structuur</a></h2>
<div class="section" id="algemeen">
<h3><a class="toc-backref" href="#id4">Algemeen</a></h3>
<p>De applicatie is opgebouwd uit pagina's en sectie's. Pagina's zijn een instance van lypo.page en secties zijn een instance van lypo.section.
Bij het tonen van de pagina wordt de inhoud van de secties ververst met een call (gedaan met gadget.io.makeRequest) naar de
'frontend' applicatie. Deze geeft een stuk HTML terug welke de gehele HTML in de sectie vervangt.</p>
</div>
<div class="section" id="functie-referentie">
<h3><a class="toc-backref" href="#id5">Functie referentie</a></h3>
<div class="section" id="videofromrecorder">
<h4><a class="toc-backref" href="#id6">videoFromRecorder()</a></h4>
<p>Callback methode voor de Seesmic video comment recorder. Wordt aangeroepen als de gebruiker klaar is met het opnemen van een comment.</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; videoUri:  De URI naar de video die zojuist is opgenomen.
&lt;string&gt; title: De titel die de gebruiker heeft ingevuld voor de video. Wordt niet gebruikt
&lt;string&gt; url_thumbnail: De URL naar de thumbnail van de video. Wordt na opname getoont aan de gebruiker
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-baseurl">
<h4><a class="toc-backref" href="#id7">lypo.baseUrl()</a></h4>
<p>Retouneerd de base URL van het Symfony project (bv. <a class="reference external" href="http://lypo.driebit.net">http://lypo.driebit.net</a>)</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;string&gt; Base URL
</pre>
</div>
<div class="section" id="lypo-url">
<h4><a class="toc-backref" href="#id8">lypo.url()</a></h4>
<p>Bouwt een Symfony URL op</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; application De applicatie om aan te roepen
&lt;string&gt; path Het pad om aan te roepen binnen de applicatie
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;string&gt; De URL om aan te roepen
</pre>
</div>
<div class="section" id="lypo-parseurl">
<h4><a class="toc-backref" href="#id9">lypo.parseUrl()</a></h4>
<p>Vervangt de hostname in de URL met die van lypo.baseUrl()</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; url De URL om te parsen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;string&gt; De geparsede URL
</pre>
</div>
<div class="section" id="lypo-addclass">
<h4><a class="toc-backref" href="#id10">lypo.addClass()</a></h4>
<p>Voegt een CSS klasse toe aan het 'class' attribute van een DOM node</p>
<p>params:</p>
<pre class="literal-block">
&lt;HTMLElement&gt; element: De DOM node om de class aan te toe voegen
&lt;string&gt; className: De class om toe te voegen aan de DOM node
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-removeclass">
<h4><a class="toc-backref" href="#id11">lypo.removeClass()</a></h4>
<p>Verwijderd een CSS klasse uit het 'class' attribute van een DOM node</p>
<p>params:</p>
<pre class="literal-block">
&lt;HTMLElement&gt; element: De DOM node om de class van te verwijderen
&lt;string&gt; className: De class om toe te verwijderen van de DOM node
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-hasclass">
<h4><a class="toc-backref" href="#id12">lypo.hasClass()</a></h4>
<p>Controleert of een HTML element de opgegeven klasse in z'n class attribute heeft</p>
<p>params:</p>
<pre class="literal-block">
&lt;HTMLElement&gt; element: De DOM node om te controleren
&lt;string&gt; className: De klasse om op te controleren
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;boolean&gt; als het element de klasse heeft true, anders false
</pre>
</div>
<div class="section" id="lypo-keywords-stringify">
<h4><a class="toc-backref" href="#id13">lypo.keywords.stringify()</a></h4>
<p>Maakt een string van de door de gebruiker gekozen keywords (om op te slaan)</p>
<p>params:</p>
<pre class="literal-block">
&lt;object&gt; Het object met de keywords. Is eigenlijk altijd _profileData.keywords
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;string&gt; De string met de keywords
</pre>
</div>
<div class="section" id="lypo-keywords-objectify">
<h4><a class="toc-backref" href="#id14">lypo.keywords.objectify()</a></h4>
<p>Doet het omgekeerde van de lypo.keywords.stringify(). Maakt een object van een keywords string</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; De string met de keywords
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;object&gt; Het object met de keywords. Wordt eigenlijk altijd gebruikt in _profileData.keywords
</pre>
</div>
<div class="section" id="lypo-fixproxyurls">
<h4><a class="toc-backref" href="#id15">lypo.fixProxyURLs()</a></h4>
<p>Vervangt de URLs die door de Shindig server geproxied worden met de originele URLs. Was nodig om
YouTube filmpjes aan de praat te krijgen</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; De data om de URLs in te vervangen. Is eigenlijk altijd een lap HTML van een sectie
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;string&gt; De input met de 'schone' URLs
</pre>
</div>
<div class="section" id="lypo-page">
<h4><a class="toc-backref" href="#id16">lypo.page()</a></h4>
<p>Maakt een nieuw pagina object aan</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; De waarde van het id attribuut van de DOM node die de HTML voor de pagina bevat
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;object&gt; De pagina
</pre>
</div>
<div class="section" id="page-addshowcallback">
<h4><a class="toc-backref" href="#id17">page::addShowCallback()</a></h4>
<p>Voegt een functie toe om uit te voeren wanneer de pagina getoont wordt</p>
<p>params:</p>
<pre class="literal-block">
&lt;object&gt; De callback functie
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="page-show">
<h4><a class="toc-backref" href="#id18">page::show()</a></h4>
<p>Haalt de CSS klasse 'hide' weg waardoor de pagina wordt getoont</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="page-hide">
<h4><a class="toc-backref" href="#id19">page::hide()</a></h4>
<p>Voegt de CSS klasse 'hide' toe waardoor de pagina wordt verborgen</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="page-store">
<h4><a class="toc-backref" href="#id20">page::store()</a></h4>
<p>Slaat voor de pagina data op onder een bepaalde key</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; key: De naam om de data onder op te slaan
&lt;mixed&gt; data: De data om op te slaan
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="page-retrieve">
<h4><a class="toc-backref" href="#id21">page::retrieve()</a></h4>
<p>Haalt de data opgeslagen onder de meegegeven key op</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; key: De naam van de data om op te halen
</pre>
<p><strong>returns:</strong>:</p>
<pre class="literal-block">
&lt;mixed&gt; De data die was opgeslagen onder key
</pre>
</div>
<div class="section" id="lypo-section">
<h4><a class="toc-backref" href="#id22">lypo.section()</a></h4>
<p>Maakt een sectie object aan. Hoewel secties vaak wel als onderdeel van een pagina wordt gebruikt is het een vrij abstract object.
Zo zijn de navigatie en de gadget canvas ook secties.</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; id: De waarde van het id attribute van de DOM node om te gebruiken als sectie.
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
&lt;object&gt; Het sectie object
</pre>
</div>
<div class="section" id="section-dispatchclick">
<h4><a class="toc-backref" href="#id23">section::_dispatchClick()</a></h4>
<p>Private functie die intern wordt gebruikt om de juiste eventhandlers aan te roepen bij een klik op de DOM node van de sectie</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="section-addclickcallback">
<h4><a class="toc-backref" href="#id24">section::addClickCallback()</a></h4>
<p>Voegt een functie toe om uitgevoerd te worden wanneer er op een element wordt geklikt met de opgegeven selector</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; selector: Enkele CSS klasse (voorafgegaan door een '.') of id (voorafgegaan door een '#')
&lt;object&gt; callback: De functie om uit te voeren bij een klik op de elementen die matchen aan de selector
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="section-update">
<h4><a class="toc-backref" href="#id25">section::update()</a></h4>
<p>Vervangt de inhoud van de DOM node met dat wat terug komt van de URL</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; url: De URL om op te halen
&lt;object&gt; callback: De functie om uit te voeren wanneer de inhoud van de DOM node vervangen is
</pre>
</div>
<div class="section" id="section-store">
<h4><a class="toc-backref" href="#id26">section::store()</a></h4>
<p>Slaat voor de sectie data op onder een bepaalde key</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; key: De naam om de data onder op te slaan
&lt;mixed&gt; data: De data om op te slaan
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="section-retrieve">
<h4><a class="toc-backref" href="#id27">section::retrieve()</a></h4>
<p>Haalt de data opgeslagen onder de meegegeven key op</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; key: De naam van de data om op te halen
</pre>
<p><strong>returns:</strong>:</p>
<pre class="literal-block">
&lt;mixed&gt; De data die was opgeslagen onder key
</pre>
</div>
<div class="section" id="lypo-gadget">
<h4><a class="toc-backref" href="#id28">lypo.gadget</a></h4>
<p>Singleton object met de logica voor het uitvoeren van de gadget</p>
</div>
<div class="section" id="lypo-gadget-getopensocialdata">
<h4><a class="toc-backref" href="#id29">lypo.gadget._getOpenSocialData()</a></h4>
<p>Private functie om bij de container (sociaal netwerk) de profiel gegevens van de bezoeker op te vragen
Deze worden opgeslagen in de private member _profileData</p>
<p>params:</p>
<pre class="literal-block">
&lt;object&gt; callback: Een functie om uit te voeren wanneer de profieldata is opgehaald
</pre>
<p><strong>returns</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-getlypodata">
<h4><a class="toc-backref" href="#id30">lypo.gadget._getLypoData()</a></h4>
<p>Private functie om de gegevens van de gebruiker van de LYPO server op te halen. Dit wordt gedaan aan de hand
van _profileData.userid</p>
<p>params:</p>
<pre class="literal-block">
&lt;object&gt; callback: Een functie om uit te voeren wanneer de profieldata is opgehaald
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-storelypodata">
<h4><a class="toc-backref" href="#id31">lypo.gadget._storeLypoData()</a></h4>
<p>private functie om de profielgegevens van de gebruiker op te slaan naar de LYPO server</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; type: is altijd 'create' of 'update'. Bepaald de URL om naar op te slaan
&lt;object&gt; callback: een functie om uit te voeren wanneer de data is opgeslagen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-setdebateoptionsbehaviours">
<h4><a class="toc-backref" href="#id32">lypo.gadget._setDebateOptionsBehaviours()</a></h4>
<p>Private functie om het gedrag achter de duimpjes te zetten bij een debate video op de pagina's 'home' en 'debate'</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; parentNodeId: De waarde van het id attribute van het vlak met de video en de opties
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-setactivemenuitem">
<h4><a class="toc-backref" href="#id33">lypo.gadget._setActiveMenuItem()</a></h4>
<p>Private functie om een menu item actief te zetten en tegelijkertijd alle anderen inactief te zetten</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; menuItem: De naam van het menu item om actief te zetten
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-track">
<h4><a class="toc-backref" href="#id34">lypo.gadget._track()</a></h4>
<p>Private wrapper functie om de Google Analytics trackEvent methode
Zie ook: <a class="reference external" href="http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html">http://code.google.com/apis/analytics/docs/tracking/eventTrackerGuide.html</a></p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; category: De categorie van het event (registratie, debate, etc)
&lt;string&gt; action: De actie van het event (complete, comment)
&lt;string&gt; label: Eventuele label voor extra data
&lt;string&gt; value: Eventuele waarde voor bij label
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-build">
<h4><a class="toc-backref" href="#id35">lypo.gadget._build*()</a></h4>
<p>Alle functies die met _build beginnen bouwen een afzonderlijke pagina. De enige uitzondering hierop is lypo.gadget._buildDashboard()
In deze functies wordt alle interactie tussen de gebruiker en de applicatie afgehandeld.</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-builddashboard">
<h4><a class="toc-backref" href="#id36">lypo.gadget._buildDashboard()</a></h4>
<p>Zet click callbacks op de elementen van de navigatie om de lypo.gadget.goToPage() methode aan te roepen</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-globalcallbacks">
<h4><a class="toc-backref" href="#id37">lypo.gadget._globalCallbacks()</a></h4>
<p>Maakt van de hele gadget canvas een sectie en zet daar clickCallbacks op voor veelgebruikte functies
zoals links naar profielen, debates en de functionaliteit van de tabs</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-init">
<h4><a class="toc-backref" href="#id38">lypo.gadget.init()</a></h4>
<p>Start de applicatie. Haalt de gebruikersgegevens op en bouwt de verschillende paginas</p>
<p>params:</p>
<pre class="literal-block">
geen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-gotopage">
<h4><a class="toc-backref" href="#id39">lypo.gadget.goToPage()</a></h4>
<p>Laat de pagina met ID van de pageId zien en verbergt de anderen</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; pageId: De ID van de pagina om te tonen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-gotodebate">
<h4><a class="toc-backref" href="#id40">lypo.gadget.goToDebate()</a></h4>
<p>Toont de debat pagina en zorgt dat de juiste debate wordt getoont</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; debateId: De ID van het debat om te laten zien
&lt;boolean&gt; showForm: Bepaald of het comment formulier direct getoont moet worden
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-gotoprofile">
<h4><a class="toc-backref" href="#id41">lypo.gadget.goToProfile()</a></h4>
<p>Toont de profiel pagina en zorgt dat het juiste profiel wordt getoont</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; profileId: Het ID van de gebruiker om te tonen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-voteonstatement">
<h4><a class="toc-backref" href="#id42">lypo.gadget.voteOnStatement()</a></h4>
<p>Wordt gebruikt op alle pagina's waar iemand kan stemmen op en een statement behalve op de registratiepagina</p>
<p>params:</p>
<pre class="literal-block">
&lt;string&gt; statementId: Het id van de statement waar op gestemt wordt
&lt;string&gt; vote: De stem die iemand uitbrengt. Kan 'yes', 'no' of '' zijn.
&lt;object&gt; callback: De functie om uit te voeren als de stem is opgeslagen
</pre>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-showloading">
<h4><a class="toc-backref" href="#id43">lypo.gadget.showLoading()</a></h4>
<p>Toont met een kleine delay het laadscherm</p>
<dl class="docutils">
<dt>params: ::</dt>
<dd>geen</dd>
</dl>
<p><strong>returns:</strong></p>
<pre class="literal-block">
niks
</pre>
</div>
<div class="section" id="lypo-gadget-hideloading">
<h4><a class="toc-backref" href="#id44">lypo.gadget.hideLoading()</a></h4>
<p>Verbergt het laadscherm</p>
<table class="docutils field-list" frame="void" rules="none">
<col class="field-name" />
<col class="field-body" />
<tbody valign="top">
<tr class="field"><th class="field-name">Version:</th><td class="field-body">1.0</td>
</tr>
<tr class="field"><th class="field-name">Author:</th><td class="field-body"><a class="reference external" href="mailto:hidde&#64;driebit.nl">Hidde Braun</a></td>
</tr>
<tr class="field"><th class="field-name">Author:</th><td class="field-body"><a class="reference external" href="mailto:sjors&#64;driebit.nl">Sjors Rijsdam</a></td>
</tr>
<tr class="field"><th class="field-name">Company:</th><td class="field-body"><a class="reference external" href="http://www.driebit.nl">Driebit</a></td>
</tr>
<tr class="field"><th class="field-name">Date:</th><td class="field-body">do 11 jun 2009 14:45:00 CEST</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
